@charset "utf-8";
/* Common */
body { font-family: 'Microsoft YaHei', '微软雅黑'; font-size: 16px; line-height: 2; font-weight: normal; margin: 0; padding: 0; overflow-x: hidden; min-width: 1200px; background: #FFFFFF; color: #575757; }
html, body, div, p, span, object, h1, h2, h3, h4, h5, h6, a, img, strong, dl, dt, dd, ol, ul, li, form, label, footer, header, nav { margin: 0; padding: 0; }
* { list-style: none; }
a { color: #575757; text-decoration: none; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-i; }
a:hover { color: #f77912; text-decoration: none; }
ul li { list-style: none; }
img { border: none; }
.clear { clear: both; margin: 0 0; padding: 0 0; }
.fr { float: right; }
.fl { float: left; }
input, textarea, button { font-family: "微软雅黑"; }
input:focus { outline: none; }
textarea:focus { outline: none; }
#feedback_form table { float: right; }
#feedback_form table tr td { border: 0; padding: 5px 0; }
#feedback_form table tr td input { padding: 0 10px; }
#feedback_form table tr td textarea { padding: 10px; }
#candidates_form table { margin: 0 auto; }
#candidates_form table tr td { border: 0; padding: 5px 0; }
#equipment_form table { margin: 0 auto; }
#equipment_form table tr td { border: 0; padding: 5px 0; }
h1, h2, h3, h4, h5, h6 { line-height: normal; }
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
.pt15 { padding-top: 15px; }
.pl10 { padding-left: 10px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.main { width: 1200px; margin: 0 auto; overflow: hidden; }
.main table { border-collapse : collapse; }
.main table tr td { border: 1px #ccc solid; padding: 3px; }
img { vertical-align: top; }
.imgs { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; }
.imgs:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
/****header****/
.header { width: 100%; height: 140px; background: url(../images/toper.jpg) repeat-x top; }
.header .head { width: 1200px; height: 140px; margin: 0 auto; }
.header .head .logo { width: 148px; height: 140px; display: block; float: left; background: #FFF; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); box-shadow: 0 0 20px 10px rgba(29, 29, 29, 0.1); }
.header .head .logo a { width: 113px; height: 98px; display: block; margin: 21px auto 0 auto; }
.header .head .head_r { width: 1020px; height: 140px; float: right; }
.header .head .head_r .top { width: 100%; height: 38px; color: #FFF; }
.header .head .head_r .top a { color: #FFF; }
.header .head .head_r .top .fl { font-size: 15px; }
.header .head .head_r .top .tel { width: auto; height: 38px; line-height: 38px; font-family: "Arial Black", Gadget, sans-serif; background: url(../images/ioc1.png) no-repeat left center; padding-left: 26px; font-size: 17px; float: right; }
.header .head .head_r .head_bo { width: 100%; height: 102px; }
.header .head .head_r .head_bo .search-first { width: 32px; position: relative; height: 32px; top: 35px; float: right; }
.header .head .head_r .head_bo .search-first .search-form { display: none; }
.header .head .head_r .head_bo .search-first:hover .search-form { width: 220px; height: 32px; display: block; position: absolute; right: 0; z-index: 100; top: 0; height: 32px; border: 1px #3c87c4 solid; z-index: 99; background: #fff; }
.header .head .head_r .head_bo .search-first .search-form .form-control { background: none; border: 0; width: 168px; height: 32px; line-height: 32px; float: left; font-size: 14px; padding-left: 10px; }
.header .head .head_r .head_bo .search-first:hover img { display: none; }
.header .head .head_r .head_bo .search-first .search-form .form-control:focus { outline: none }
.header .head .head_r .head_bo .sousuo { display: block; width: 32px; height: 32px; float: right; border: 0; background: url(../images/ioc3.jpg) no-repeat center; }
.header .head .head_r .head_bo .menu { width: auto; height: 102px; float: right; margin-right: 10px; }
.header .head .head_r .head_bo .menu li { position: relative; float: left; display: inline; width: auto; text-align: center; }
.header .head .head_r .head_bo .menu li a.xialaguang { display: inline-block; width: auto; height: 102px; line-height: 102px; padding: 0 36px; font-size: 18px; }
.header .head .head_r .head_bo .menu li a.navhover, .header .head .head_r .head_bo .menu li a.xialaguang:hover { cursor: pointer; color: #FFF; background: #3c87c4; }
.header .head .head_r .head_bo .menu ul.children { display: none; position: absolute; top: 102px; left: 0; width: 100%; line-height: normal; z-index: 9999; }
.header .head .head_r .head_bo .menu ul.children li { width: 100%; padding: 0px; display: inline-block; border-top: 1px #529ddb solid; margin: 0; }
.header .head .head_r .head_bo .menu ul.children li a { overflow: hidden; display: block; padding: 10px; font-size: 13px; background: #3c87c4; color: #FFF; border-top: 1px #1762a0 solid; }
.header .head .head_r .head_bo .menu ul.children li a:hover { color: #FFF; background: #1762a0; }
/*产品展示*/
.banner { width: 100%; overflow: hidden; line-height: normal; padding-top: 25px; overflow: hidden; }
.small_box { width: 1200px; overflow: hidden; margin: 0 auto; position: relative; }
.small_list { position: relative; float: left; width: 1178px; overflow: hidden; }
.small_list ul { overflow: hidden; }
.small_list ul li { width: 180px; position: relative; float: left; margin: 35px 8px 0 8px; }
.small_list ul li span { width: 100%; overflow: hidden; display: block; }
.small_list ul li p { width: 100%; overflow: hidden; text-align: center; font-size: 18px; padding-top: 5px; }
.small_list ul li.on { margin-top: 10px; color: #ec6f3d; }
.left_btn, .right_btn { width: 11px; height: 27px; display: block; cursor: pointer; background: url(../images/awr.png) no-repeat; margin-top: 80px; z-index: 10; }
.left_btn:hover, .right_btn:hover { background: url(../images/awr_ed.png) no-repeat; }
.left_btn { float: left; }
.right_btn { float: right; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.right_btn:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.large_box { width: 100%; height: 598px; overflow: hidden; background: url(../images/bg1.jpg) no-repeat center; background-size: cover; zoom: 1; padding-top: 120px; position: relative; margin-top: 35px; }
.large_box li { width: 100%; height: 598px; overflow: hidden; position: relative; float: left; }
.large_box li .cp_img { width: 585px; overflow: hidden; float: right; }
.large_box li .cp_txt { width: 558px; overflow: hidden; float: left; color: #FFF; }
.large_box li .cp_txt a { color: #FFF; }
.large_box li .cp_txt .cp_top { font-size: 55px; font-weight: bolder; letter-spacing: 1px; }
.large_box li .cp_txt span { width: 100%; overflow: hidden; display: block; font-size: 20px; opacity: 0.8; text-transform: uppercase; font-family: Arial; padding-top: 12px; }
.large_box li .cp_txt p { width: 100%; overflow: hidden; font-size: 24px; line-height: 40px; padding-top: 24px; }
.large_box li .cp_txt .cp_bo { width: 100%; overflow: hidden; padding-top: 50px; font-size: 18px; padding-bottom: 20px; }
.large_box li .cp_txt .cp_bo .more1 { float: left; }
.more { width: 144px; height: 59px; line-height: 59px; text-align: center; background: transparent; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; background: rgb(236,111,61); color: #fff; overflow: hidden; }
.more:before { position: absolute; content: ''; display: inline-block; top: -180px; left: 0; width: 30px; height: 100%; background-color: #fff; animation: shiny-btn1 2s ease-in-out infinite; }
.more:hover { background: rgb(60,135,196); color: #FFF; }
.more:active { box-shadow: 4px 4px 6px 0 rgba(255,255,255,.3), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 rgba(255,255,255,.2), inset 4px 4px 6px 0 rgba(0, 0, 0, .2); }
 @-webkit-keyframes shiny-btn1 { 0% {
-webkit-transform: scale(0) rotate(45deg);
opacity: 0;
}
 80% {
-webkit-transform: scale(0) rotate(45deg);
opacity: 0.5;
}
 81% {
-webkit-transform: scale(4) rotate(45deg);
opacity: 1;
}
 100% {
-webkit-transform: scale(50) rotate(45deg);
opacity: 0;
}
}
.large_box li .cp_txt .cp_bo .more2 { width: 140px; height: 55px; line-height: 55px; text-align: center; border: 2px #FFF solid; float: left; margin-left: 35px; position: relative; overflow: hidden; }
.large_box li .cp_txt .cp_bo .more2:hover { box-shadow: 1px 1px 25px 10px rgba(236, 111, 61, 0.4); border: 2px #ec6f3d solid; }
.large_box li .cp_txt .cp_bo .more2:before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(236, 111, 61, 0.4), transparent ); transition: all 650ms; }
.large_box li .cp_txt .cp_bo .more2:hover:before { left: 100%; }
/*case*/
.case { width: 100%; overflow: hidden; color: #FFF; line-height: normal; }
.case a { color: #FFF; }
.case .case_r { width: 508px; overflow: hidden; float: right; padding-top: 242px; }
.case .case_r .case_top { width: 100%; overflow: hidden; display: block; font-size: 48px; letter-spacing: 1px; }
.case .case_r span { width: 100%; overflow: hidden; display: block; font-size: 36px; font-weight: bolder; padding-top: 15px; }
.case .case_r p { width: 100%; overflow: hidden; font-size: 20px; line-height: 30px; padding-top: 18px; }
.case .case_r .more3 { margin-top: 46px; }
.case .case_l { width: 582px; height: 798px; position: relative; float: left; }
.case .case_l li { width: 291px; height: 266px; overflow: hidden; position: relative; }
.case .case_l li .lista { width: 211px; height: 186px; display: block; transition: all .6s ease-out; padding: 80px 40px 0 40px; position: relative; }
.case .case_l li .lista dt { width: 100%; height: 68px; }
.case .case_l li .lista dd { width: 100%; overflow: hidden; font-size: 26px; font-weight: bolder; padding-top: 22px; }
.case .case_l li .listb { width: 211px; height: 200px; padding: 66px 40px 0 40px; background: #468bc2; position: absolute; top: 0; opacity: 0; transform: rotateY(180deg); transition: all .6s ease-out; }
.case .case_l li .listb dt { width: 100%; overflow: hidden; font-size: 26px; font-weight: bolder; }
.case .case_l li .listb dd { width: 100%; overflow: hidden; font-size: 16px; padding-top: 10px; }
.case .case_l li .listb .mory { display: block; font-size: 15px; margin-top: 40px; display: block; }
.case .case_l li:hover .lista { transition: all .6s ease-out; transform: rotateY(180deg); opacity: 0; }
.case .case_l li:hover .listb { transition: all .6s ease-out; transform: rotateY(360deg); opacity: 1; }
.case .case_l li.case1 { float: left; margin-right: 291px; }
.case .case_l li.case1 .lista { width: 208px; height: 185px; border-left: 1px #FFF solid; border-right: 1px #FFF solid; }
.case .case_l li.case2 { float: left; }
.case .case_l li.case2 .lista { width: 208px; height: 184px; border: 1px #FFF solid; }
.case .case_l li.case3 { float: left; }
.case .case_l li.case3 .lista { width: 209px; height: 184px; border-right: 1px #FFF solid; border-bottom: 1px #FFF solid; border-top: 1px #FFF solid; }
.case .case_l li.case4 { float: right; margin-right: 1px; }
.case .case_l li.case4 .lista { width: 208px; height: 185px; border-right: 1px #FFF solid; border-left: 1px #FFF solid; }
/*abouts*/
.abouts { width: 100%; line-height: normal; position: relative; }
.abouts .about_l { width: 78.4%; overflow: hidden; position: relative; float: left; }
.abouts .about_l .about_img { width: 100%; overflow: hidden; }
.abouts .about_l .bm { width: 20%; overflow: hidden; top: 20%; right: 20%; position: absolute; }
.abouts .about_l .about_txt { width: 47.5%; overflow: hidden; position: absolute; top: 18%; left: 22%; z-index: 10; }
.abouts .about_l .about_txt .about_top { width: 100%; overflow: hidden; display: block; font-size: 2.4vw; letter-spacing: 1px; }
.abouts .about_l .about_txt .topyu { font-size: 1.8vw; font-weight: bolder; padding-top: 10px; }
.abouts .about_l .about_txt .abo { width: 100%; overflow: hidden; font-size: 16px; line-height: 2; padding-top: 2vw; }
.abouts .about_l .about_txt .ab_ys { width: 100%; overflow: hidden; margin-top: 2.2vw; }
.abouts .about_l .about_txt .ab_ys dl { width: auto; overflow: hidden; float: left; margin-right: 15%; }
.abouts .about_l .about_txt .ab_ys dl dt { width: 60px; display: block; margin: 0 auto; }
.abouts .about_l .about_txt .ab_ys dl dt span, .abouts .about_l .about_txt .ab_ys dl dt i { width: 100%; }
.abouts .about_l .about_txt .ab_ys dl dt span { display: block; }
.abouts .about_l .about_txt .ab_ys dl dt i { display: none; }
.abouts .about_l .about_txt .ab_ys dl dd { width: 100%; overflow: hidden; text-align: center; font-size: 17px; line-height: 20px; height: 20px; margin-top: 10px; }
.abouts .about_l .about_txt .ab_ys dl:hover dt span { display: none; }
.abouts .about_l .about_txt .ab_ys dl:hover dt i { display: block; }
.abouts .about_l .about_txt .ab_ys dl:hover dd { color: #478dc7; font-weight: bolder; }
.abouts .about_l .about_txt .more4 { margin-top: 3vw; }
.abouts .about_r { width: 52%; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 10; }
.abouts .about_r .about_img { width: 100%; overflow: hidden; position: relative; }
.abouts .about_r .about_img dt { width: 100%; overflow: hidden; }
.abouts .about_r .about_img dd { font-size: 1.8vw; color: #FFF; text-align: right; position: absolute; bottom: 5%; left: 10%; z-index: 5; line-height: 2; }
 @media screen and (max-width: 1700px) and (min-width:1025px) {
.abouts .about_l .about_txt { width: 59.5%; top: 10%; left: 10%; }
.abouts .about_l .about_txt .ab_ys dl dd { font-size: 15px; }
}
 @media screen and (max-width: 1200px) and (min-width:1025px) {
.abouts .about_l .about_txt { width: 64.5%; top: 10%; left: 5%; }
.abouts .about_l .about_txt .ab_ys dl dt { width: 40px; }
.abouts .about_l .about_txt .ab_ys dl dd { font-size: 14px; }
}
/*shfw*/
.shfw { width: 100%; line-height: normal; overflow: hidden; height: 720px; padding-top: 80px; color: #FFF; }
.shfw a { color: #FFF; }
.shfw .shfw_l { width: 464px; overflow: hidden; float: left; padding-top: 128px; }
.shfw .shfw_l .bm { width: 100%; overflow: hidden; font-size: 70px; font-weight: bolder; text-transform: uppercase; font-family: Arial; }
.shfw .shfw_l .shfw_top { width: 100%; overflow: hidden; font-size: 48px; font-weight: bolder; letter-spacing: 1px; margin-top: 60px; }
.shfw .shfw_l span { width: 100%; overflow: hidden; display: block; font-size: 36px; font-weight: bolder; margin-top: 20px; }
.shfw .shfw_l p { width: 100%; overflow: hidden; font-size: 18px; line-height: 30px; margin-top: 20px; opacity: 0.9; }
.shfw .shfw_r { width: 645px; overflow: hidden; float: right; }
.shfw .shfw_r dl { position: relative; overflow: hidden; }
.shfw .shfw_r dl dt { width: 100%; overflow: hidden; background: #000; }
.shfw .shfw_r dl dt img { opacity: 0.6; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.05, 1.05, 1); transform: scale3d(1.05, 1.05, 1); }
.shfw .shfw_r dl dd::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); content: ''; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); }
.shfw .shfw_r dl dd { width: 100%; overflow: hidden; }
.shfw .shfw_r dl dd span { display: block; font-size: 28px; font-weight: bolder; position: absolute; top: 20%; left: 40px; z-index: 10; }
.shfw .shfw_r dl dd p { font-size: 15px; padding-top: 10px; text-transform: uppercase; font-family: Arial; opacity: 0.8; position: absolute; left: 40px; z-index: 10; top: 30%; }
.shfw .shfw_r dl:hover dt img { opacity: 0.9; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
.shfw .shfw_r dl:hover dd::before { -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0); }
.shfw .shfw_r dl.fw1 { width: 100%; }
.shfw .shfw_r dl.fw2 { width: 314px; float: left; margin-top: 20px; }
.shfw .shfw_r dl.fw3 { width: 314px; float: right; margin-top: 20px; }
/*news*/
.news { width: 100%; overflow: hidden; padding: 70px 0 40px 0; line-height: normal; }
.news .news_top { width: 100%; overflow: hidden; line-height: 59px; }
.news .news_top .newt { width: auto; height: 59px; float: left; display: block; font-size: 48px; letter-spacing: 1px; }
.news .news_top .more5 { float: right; }
.news .news_bo { width: 100%; overflow: hidden; padding: 30px 0; }
.news .news_bo li { width: 380px; background: #ffffff; float: left; margin: 0 10px; height: 440px; position: relative; }
.news .news_bo li .nenr { width: 300px; height: 400px; padding: 40px 40px 0 40px; position: relative; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); box-shadow: 0 0 10px 10px rgba(29, 29, 29, 0.1); }
.news .news_bo li .nenr dt { width: 100%; overflow: hidden; }
.news .news_bo li .nenr dt span { width: 100%; overflow: hidden; display: block; opacity: 0.8; font-size: 16px; font-family: Arial; }
.news .news_bo li .nenr dt a { width: 100%; overflow: hidden; display: block; font-size: 20px; padding-top: 20px; }
.news .news_bo li .nenr dd { width: 100%; overflow: hidden; font-size: 16px; padding-top: 40px; line-height: 34px; opacity: 0.9; }
.news .news_bo li .nenr .moren { width: 140px; height: 55px; line-height: 55px; display: block; text-align: center; font-size: 18px; color: #ec6f3d; border: 2px #ec6f3d solid; position: absolute; left: 40px; bottom: 40px; }
.news .news_bo li .nenr:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: none; transform: none; box-shadow: none; }
.news .news_bo li .nenr:hover dt a { color: #ec6f3d; }
.news .news_bo li .nenr:hover .moren { background: #ec6f3d; color: #FFF; }
.news .news_bo li .lista { transition: all .6s ease-out; position: absolute; top: 0; opacity: 0; transform: rotateY(180deg); }
.news .news_bo li .listb { width: 380px; height: 440px; transition: all .6s ease-out; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); box-shadow: 0 0 10px 10px rgba(29, 29, 29, 0.1); }
.news .news_bo li .listb dt { width: 380px; height: 306px; overflow: hidden; }
.news .news_bo li .listb dd { width: 380px; height: 134px; overflow: hidden; padding: 40px 40px 0 40px; }
.news .news_bo li .listb dd span { width: 100%; overflow: hidden; display: block; opacity: 0.8; font-size: 16px; font-family: Arial; }
.news .news_bo li .listb dd a { width: 100%; overflow: hidden; display: block; font-size: 20px; padding-top: 20px; }
.news .news_bo li .listb:hover dt img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.news .news_bo li .listb:hover dd a { color: #ec6f3d; }
.news .news_bo li:hover .lista { transition: all .6s ease-out; transform: rotateY(360deg); opacity: 1; }
.news .news_bo li:hover .listb { transition: all .6s ease-out; transform: rotateY(180deg); opacity: 0; }
/*link*/
.link { width: 1130px; overflow: hidden; padding: 20px 0; background: url(../images/link.png) no-repeat left 20px; padding-left: 70px; line-height: 20px; margin: 0 auto; }
/*foot*/
.footer { width: 100%; overflow: hidden; background: #333333; color: #FFF; padding: 30px 0 40px 0; line-height: normal; }
.footer a { color: #FFF; }
.footer .fov_nav { width: 1200px; overflow: hidden; margin: 0 auto; background: #484848; font-size: 18px; text-align: center; padding: 25px 0; }
.footer .fov_nav a { margin: 0 60px; }
.footer .logo { width: auto; overflow: hidden; float: left; }
.footer .logo dt { width: 145px; overflow: hidden; float: left; }
.footer .logo dd { width: auto; overflow: hidden; float: left; margin-left: 20px; }
.footer .logo dd span { display: block; font-size: 40px; font-weight: bolder; letter-spacing: 1px; }
.footer .logo dd p { width: 100%; overflow: hidden; font-size: 20px; padding-top: 10px; letter-spacing: 2px; }
.footer .lxwm { width: auto; overflow: hidden; float: left; margin-left: 90px; }
.footer .lxwm dt { width: auto; overflow: hidden; background: url(../images/phone.png) no-repeat left center; padding-left: 48px; }
.footer .lxwm dt span { width: 100%; overflow: hidden; display: block; font-size: 14px; }
.footer .lxwm dt p { width: 100%; overflow: hidden; font-size: 22px; font-family: "Arial Black", Gadget, sans-serif; }
.footer .lxwm dd { width: auto; overflow: hidden; font-size: 17px; line-height: 36px; margin-top: 22px; }
.footer .ewm { width: auto; overflow: hidden; float: right; padding: 14px; background: #5c5c5c; }
.footer .ewm dt { width: 94px; overflow: hidden; float: right; }
.footer .ewm dd { width: auto; float: left; font-size: 14px; height: 26px; height: 94px; background: url(../images/ioc5.png) no-repeat left bottom; margin-right: 80px; }
.winona { display: inline-block; position: relative; overflow: hidden; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.winona::after { content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); }
.winona > span { display: block; }
.winona::after, .winona > span { -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.winona:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.winona:hover > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }
.copy { width: 100%; overflow: hidden; padding: 20px 0; line-height: normal; text-align: center; border-top: 1px #414141 solid; color: #FFF; background: #333333; }
.copy a { color: #FFF; }
/******************内页****************************/
.loc { width: 100%; height: 68px; line-height: 68px; border-bottom: 1px #eeeeee solid; }
.left_top { width: 100%; overflow: hidden; background: url(../images/tita.jpg) no-repeat center bottom; text-align: center; font-size: 36px; padding-bottom: 24px; line-height: normal; }
.sub_bo { width: 100%; overflow: hidden; padding-top: 20px; text-align: center; }
.sub_bo li { width: 20%; overflow: hidden; margin-top: 20px; display: inline-block; text-align: center; }
.sub_bo li a { width: 90%; height: 60px; line-height: 60px; text-align: center; margin: 0 auto; background: #f6f6f6; display: inline-block; font-size: 18px; }
.sub_bo li a:hover, .sub_bo li a.cur { background: #ec6f3d; color: #FFF; }
/*产品下拉*/
.drop { width: 1200px; margin: 30px auto 0 auto; position: relative; transition: width 0.5s; will-change: width; }
.drop .option { padding:28px; height:30px; line-height:30px; cursor: pointer; border:1px #eeeeee solid; font-size:18px; color:#ec6f3d;}
.drop .option:not(.active) { display: none; opacity: 0; transform: translateY(-50%); }
.drop.visible { -webkit-animation: bounce 1s; animation: bounce 1s; width:1200px; }
.drop.visible:before, .drop.visible:after { border-color: #fff; }
.drop.visible:before { opacity: 0; }
.drop.visible:after { opacity: 1; }
.drop.visible .option { display: block; }
.drop.opacity .option { transform: translateZ(0); opacity: 1; }
.drop.opacity .option:nth-child(0) { transition: opacity 0.5s 0s, transform 0.5s 0s; }
.drop.opacity .option:nth-child(1) { transition: opacity 0.5s 0.1s, transform 0.5s 0.1s; }
.drop.opacity .option:nth-child(2) { transition: opacity 0.5s 0.2s, transform 0.5s 0.2s; }
.drop.opacity .option:nth-child(3) { transition: opacity 0.5s 0.3s, transform 0.5s 0.3s; }
.drop.opacity .option:nth-child(4) { transition: opacity 0.5s 0.4s, transform 0.5s 0.4s; }
.drop.opacity .option:nth-child(5) { transition: opacity 0.5s 0.5s, transform 0.5s 0.5s; }
.drop.opacity .option:nth-child(6) { transition: opacity 0.5s 0.6s, transform 0.5s 0.6s; }
.drop.opacity .option:nth-child(7) { transition: opacity 0.5s 0.7s, transform 0.5s 0.7s; }
.drop.opacity .option:nth-child(8) { transition: opacity 0.5s 0.8s, transform 0.5s 0.8s; }
.drop.opacity .option:nth-child(9) { transition: opacity 0.5s 0.9s, transform 0.5s 0.9s; }
.drop.withBG .option { transition: background-color 0.1s; }
.drop.withBG .option:not(.placeholder):hover { background-color: #ec6f3d; }
.drop.withBG .option:not(.placeholder):hover a{ color:#FFF;}
.drop.withBG .option:not(.placeholder).active { background-color: #ec6f3d; }
.drop.withBG .option:not(.placeholder).active a{ color:#FFF;}
.drop:after, .drop:before { content: ""; position: absolute; top:0; right:28px; width:11px; height:86px; z-index:10; background:url(../images/awr_ed.png) no-repeat center; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.drop:before { border-left: none; border-top: none; top:0; }
.drop:after { border-right: none; border-bottom: none; opacity: 0; }
.mini-hack { opacity: 0; transform: translateY(-50%); }
/*产品类别*/
.cplb { width: 1200px; height: 195px; }
.cplb .process { width: 1200px; min-width: 1200px; position: relative; top: 0; height: 195px; }
.cplb .slidegrid { float: left; position: relative; overflow: hidden; }
.cplb .slideitems { width: 20000em; position: absolute; }
.cplb .slideitems li { float: left; }
.cplb .process .mainPhoto { width: 1200px; height: 195px; margin: 0 auto; position: relative; }
.cplb .process .mainPhoto span.goleft, .cplb .process .mainPhoto span.goright { width: 11px; height: 27px; display: block; cursor: pointer; background: url(../images/awr.png) no-repeat; position: absolute; z-index: 99; top: 80px; }
.cplb .process .mainPhoto span.goleft:hover, .cplb .process .mainPhoto span.goright:hover { background: url(../images/awr_ed.png) no-repeat; }
.cplb .process .mainPhoto span.goleft { left: 0px; }
.cplb .process .mainPhoto span.goright { right: 0px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.cplb .process .mainPhoto span.goright:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.cplb .process .mainPhoto .go { width: 1200px; height: 195px; position: absolute; left: 0; z-index: 10; }
.cplb .process .mainPhoto .go li { width: 180px; overflow: hidden; float: left; margin: 30px 10px 0 10px; text-align: center; }
.cplb .process .mainPhoto .go li p { padding-top: 10px; }
.cplb .process .mainPhoto .go li:hover, .cplb .process .mainPhoto .go li.cur { margin-top: 10px; }
.cplb .process .mainPhoto .go li:hover a p, .cplb .process .mainPhoto .go li.cur a p { color: #ec6f3d; }
/*product-list*/
.product-list { width: 100%; overflow: hidden; }
.product-list li { width: 280px; float: left; margin: 0 10px 20px 10px; overflow: hidden; position: relative; }
.product-list li i { width: 100%; display: block; overflow: hidden; display: block; }
.product-list li i img { width: 100%; display: block; height: 210px; }
.product-list li figcaption { width: 100%; display: block; height: 60px; line-height: 60px; overflow: hidden; transition: 350ms; text-align: center; background-color: #eee; }
.product-box .product-down { float: left }
.product-list li mark { position: absolute; left: 0; top: 0; box-sizing: border-box; width: 100%; height: 100%; background: rgba(170,240,232,.2); background: #aaf0e8\9; filter: alpha(opacity=20); z-index: 20; opacity: 0; transform: skewX(45deg); visibility: hidden; transition: 360ms; z-index: 100; }
.product-list li mark b { display: block; width: 46px; height: 46px; position: absolute; left: 50%; top: 50%; margin-left: -23px; margin-top: -23px; z-index: 30 }
.product-list li mark b:before { content: ""; width: 100%; height: 1px; background: #ec6f3d; position: absolute; left: 0; top: 23px; transform: translateX(-200px); -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px) }
.product-list li mark b:after { content: ""; width: 1px; height: 100%; background: #ec6f3d; position: absolute; left: 23px; top: 0; transform: translateY(-200px); -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px) }
.product-list li mark:before { content: ""; width: 100%; height: 0%; border-left: 3px solid #ec6f3d; border-right: 3px solid #ec6f3d; box-sizing: border-box; position: absolute; left: 0; top: 0; transition: 320ms }
.product-list li mark:after { content: ""; width: 0%; height: 100%; border-top: 3px solid #ec6f3d; border-bottom: 3px solid #ec6f3d; box-sizing: border-box; position: absolute; left: 0; top: 0; transition: 320ms }
.product-list li:hover mark { opacity: 1; transform: skewX(0); visibility: visible }
.product-list li:hover mark:before { height: 100%; transition: 330ms 200ms }
.product-list li:hover mark:after { width: 100%; transition: 330ms 200ms }
.product-list li:hover mark b:before { transition: 355ms 180ms; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0) }
.product-list li:hover mark b:after { transition: 355ms 240ms; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0) }
.product-list li:hover figcaption { color: #ec6f3d; }
/*************************/
.ExhibitList { width: 100%; overflow: hidden; clear: both; margin: 0 auto; }
.ExhibitList dl { float: left; width: 379px; overflow: hidden; display: block; margin: 0 9px 20px 9px; border: 1px #e5e5e5 solid; }
.ExhibitList dl dt { width: 100%; overflow: hidden; position: relative; }
.ExhibitList dl dt img { width: 379px; height: 284px; }
.ExhibitList dl dt i { width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; left: 0; bottom: -100%; z-index: 5; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-i; }
.ExhibitList dl dt .lna { width: 100%; height: 1px; background: url(../images/lm.png) no-repeat center; display: block; position: absolute; left: 0; top: 105px; z-index: 10; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-i; }
.ExhibitList dl dt p { width: 100%; overflow: hidden; line-height: normal; text-align: center; font-size: 18px; position: absolute; left: 0; top: 0; z-index: 10; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-i; color: #FFF; opacity: 0; }
.ExhibitList dl dt .lnb { width: 100%; height: 1px; background: url(../images/lm.png) no-repeat center; display: block; position: absolute; left: 0; top: 180px; z-index: 10; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-i; }
.ExhibitList dl dd { width: 240px; height: 80px; line-height: 80px; overflow: hidden; font-size: 18px; padding: 0 20px; }
.ExhibitList dl:hover { border: 1px #ec6f3d solid; }
.ExhibitList dl:hover dt img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.ExhibitList dl:hover dt i { bottom: 0; }
.ExhibitList dl:hover dt .lna { background: url(../images/la.jpg) no-repeat center; }
.ExhibitList dl:hover dt p { line-height: 284px; opacity: 1; }
.ExhibitList dl:hover dt .lnb { background: url(../images/lb.jpg) no-repeat center; }
.ExhibitList dl:hover dd a { color: #ec6f3d; }
/**图片点击放大**/
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license 弹出层 */
/*PageBar*/
.PageBar { clear: both; width: 710px; height: 54px; margin: 20px auto 10px auto; font-size: 12px; text-align: center; }
.PageButtons { height: 28px; }
.PageButtons span, .PageButtons a { height: 26px; line-height: 26px; text-decoration: none; border: 1px solid #CCCCCC; padding: 6px 10px; }
.PageButtons span { color: #ffffff; background-color: #f77912; border: 1px solid #f77912; }
.PageButtons a { color: #333333; }
.PageButtons a:hover { background: #f77912; color: #FFF; }
.PageInfo { height: 24px; line-height: 24px; padding-top: 10px; }
.PageBar .pagelink { margin: 0 3px; }
.disabled { display: none; }
/*products_list*/

.mk { padding: 20px; border: 1px solid #ccc; }

/*产品详细*/
.cplh { width: 100%; overflow:hidden;}
.cplh .cplh_l{ width:535px; overflow:hidden; float:left;}
.cplh .cplh_r { width:470px; overflow:hidden; float: right; padding:65px; background:url(../images/bgv.jpg) repeat; line-height:normal;}
.cplh .cplh_r .cp_top{ width: 100%; overflow:hidden; font-size:30px; border-bottom:1px #f4cebf solid; padding-bottom:32px;}
.cplh .cplh_r p{ width: 100%; overflow:hidden; font-size:18px; line-height:30px; margin-top:20px;}
.cplh .cplh_r .phone{ width: 100%; overflow:hidden; margin-top:25px;}
.cplh .cplh_r .phone span{ width:auto; height:55px; line-height:55px; display:block; padding:0 15px 0 50px; border:2px #ec6f3d solid; float:left; background:url(../images/ioc6.png) no-repeat 15px center; font-size:20px; font-family:Arial; color:#ec6f3d; font-weight:bolder;}
.cplh .cplh_r .phone .pdpromo{ width:144px; height:55px; line-height:55px; display:block; float:right; border:2px #ec6f3d solid; text-align:center; background:#ec6f3d; color:#FFF; font-size:18px;}
.cplh .cplh_r .phone .pdpromo:hover{ background:none; color:#ec6f3d;}

/*产品内页tag*/
.tagv { width: 100%; overflow: hidden; margin-top: 40px; }
.ztitle { width: calc(100% - 20px); margin: 0 10px 0 10px; border-bottom: 1px solid #cecece; overflow: hidden; }
.ztitle span { float: left; display: block; width: auto; padding: 0 30px; height: 50px; line-height: 50px; text-align: center; background: #ececec; font-size: 18px; border-right: 1px #FFF solid; }
.ztitle span a { cursor: pointer; }
.ztitle span.tithov, .ztitle span.tithov a { background: #f77912; color: #FFF; }
.zntit_con1, .cok { width: calc(100% - 20px); margin: 0 10px 0 10px; padding-top: 30px; overflow: hidden; line-height: 30px; }
.zntit_con1 h2 { color: #f77912; font-size: 16px; line-height: normal; }
/*相关文章*/
.xgwz { width: 100%; overflow: hidden; padding-top: 25px; }
.xgwz li { width: calc((100% - 40px)/2); margin: 0 10px; overflow: hidden; border-bottom: 1px #cfcfcf solid; line-height: normal; padding: 20px 0; float: left; }
.xgwz li .newm { border-left: 6px #f77912 solid; padding-left: 7px; font-size: 18px; }
.xgwz li .new2 { color: #999999; font-size: 14px; margin-top: 10px; background: url(../images/time.png) no-repeat left center; padding-left: 26px; height: 20px; line-height: 20px; }
.xgwz li p { margin-top: 15px; overflow: hidden; }
/*在线留言*/
.subform { width: 694px; overflow: hidden; margin: 20px auto 0 auto; }
.subform .form-group { width: 100%; overflow: hidden; margin-bottom: 8px; }
.subform .form-group .control-label { width: 128px; height: 42px; line-height: 42px; float: left; }
.subform .form-group .control-div { width: 566px; overflow: hidden; float: left; }
.subform .form-group .control-div .form-control { width: 544px; height: 40px; line-height: 40px; border: 1px #dadada solid; padding: 0 10px; }
.subform .form-group .control-div .form-controlv { width: 544px; height: 230px; border: 1px #dadada solid; padding: 10px; }
.subform .form-group .control-div .small { width: 331px; height: 40px; line-height: 40px; border: 1px #dadada solid; padding: 0 10px; float: left; }
.subform .form-group .control-div .img { display: block; float: left; margin-left: 5px; }
.subform .form-group .control-div .btn-info { width: 178px; height: 42px; line-height: 42px; text-align: center; background: #f77912; color: #FFF; border: 0; }
.subform .form-group .control-btn { overflow: hidden; float: left; }
.subform .form-group .control-btn .btn-info { width: 178px; height: 42px; line-height: 42px; text-align: center; background: #f77912; color: #FFF; border: 0; }
/*联系我们*/
.serform .control-btn { overflow: hidden; float: right; }
.serform .btn-info { width: 90px; height: 42px; line-height: 42px; text-align: center; background: #f77912; color: #FFF; border: 0; }
/*新闻列表*/
.arList { width: 100%; overflow: hidden; }
.arList li { width: 100%; overflow: hidden; padding: 20px 0; border-bottom: 1px solid #f0f0f0; line-height: normal; }
.arList li .nemg { width: calc(100% - 30px); overflow: hidden; background: #FFF; padding: 15px; }
.arList li .newm { border-left: 6px #f77912 solid; padding-left: 7px; font-size: 18px; font-weight: bolder; }
.arList li .new2 { color: #999999; font-size: 12px; margin-top: 10px; background: url(../images/time.png) no-repeat left center; padding-left: 26px; height: 20px; line-height: 20px; }
.arList li p { margin-top: 15px; overflow:hidden;}
.arList li .nemg .newsl { width: 23%; overflow: hidden; float: left; }
.arList li .nemg .newsr { width: 73%; overflow: hidden; float: right; }
.arList li:hover .nemg { background: #f6f6f6; }
.arList li:hover .nemg .newsl img { transform: scale(1.5, 1.5); -moz-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); -o-transform: scale(1.1, 1.1); }
.arList li:first-child { padding: 0 0 20px 0; }
/*新闻标题*/
.news_tit { width: calc(100% - 20px); margin: 0 10px; overflow: hidden; padding-bottom: 30px; border-bottom: 1px #e5e5e5 solid; text-align: center; line-height: normal; }
.news_tit h1 { font-size: 22px; }
.news_tit p { color: #999999; margin-top: 10px; }
.arKeywords { padding: 15px; overflow: hidden; border-bottom: 1px #e5e5e5 solid; }
.arKeywords span { display: block; color: #f77912; }
.arContent { width: calc(100% - 20px); margin: 30px 10px 0 10px; line-height: 2.2; }
.arContent h2, .arContent h3, .arContent h4 { line-height: 2.5; }
.nodata { width: calc(100% - 20px); margin: 0 10px 0 10px; }
.FastMove { width: 1178px; margin: 30px 10px 0 10px; overflow: hidden; border: 1px solid #e5e5e5; line-height: normal; background: url(../images/fy.jpg) repeat-y center; }
.FastMove div { width: 549px; overflow: hidden; float: left; padding: 25px 20px; font-size: 17px; }
.FastMove div:hover { background: #ec6f3d; color: #FFF; }
.FastMove div:hover a { color: #FFF; }
.but_tit { width: calc(100% - 20px); margin: 30px 10px 0 10px; background: url(../images/tita.jpg) no-repeat center bottom; text-align: center; line-height: normal; padding-bottom: 24px; }
.but_tit span { width: auto; font-size: 36px; }
/*站点 浮动返回顶部*/
.cd-top { display: inline-block; height: 43px; width: 44px; position: fixed; bottom: 60px; right: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: url(/images/back_top.jpg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index: 9999; }
.cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */ opacity: .5; }
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1; }
/*站点 浮动客服*/ 
.keifu img { border: 0; }
.keifu { position: fixed; top: 10%; right: 0; width: 131px; height: 343px; top: 120px; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom, 10)||0)-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
z-index: 990; }
.keifu_tab { width: 160px; }
.icon_keifu { top: 0px; width: 26px; height: 100px; float: left; background: url(/images/keifu.png) 0 0; position: relative; display: none; cursor: pointer; }
.keifu_box { float: left; width: 131px; }
.keifu_tab img { display: block; }
.keifu_head { width: 131px; height: 41px; background: url(/images/keifu.png); background-position: 0 -103px; font-size: 0; line-height: 0; position: relative; }
.keifu_close:link, .keifu_close:visited { display: block; width: 11px; height: 11px; background: url(/images/keifu.png) -42px 0; position: absolute; top: 5px; right: 5px; }
.keifu_close:hover { background-position: -60px 0; }
.keifu_con { border-left: 7px solid #029bdb; border-right: 7px solid #029bdb; background: #fbfbfb; }
.keifu_con ul { border-bottom: #e6e5e4 1px solid; }
.keifu_con li { padding-left: 12px; }
.keifu_con .li-qq { height: 25px; padding-top: 2px; padding-bottom: 2px; }
.keifu_con .li-tel-title { font-weight: bold; font-size: 12px; height: 29px; line-height: 29px; border-top: 1px solid #dddddd; }
.keifu_con .li-tel-num { font-family: Arial; font-size: 12px; color: #e66d15; line-height: 20px; }
.keifu_con .li-feed-title { font-weight: bold; font-size: 12px; border-top: 1px solid #dddddd; padding-left: 0px; }
.keifu_con .li-feed-title img { padding-left: 0px; width: 117px; }
.keifu_con .li-feed { font-family: Arial; font-weight: bold; color: #e66d15; }
.keifu_con .li-weixin-title { font-weight: bold; font-size: 12px; height: 29px; line-height: 29px; border-top: 1px solid #dddddd; }
.keifu_con .li-weixin { height: 96px; padding-left: 0px; }
.keifu_con .li-weixin img { width: 115px; height: 115px; }
.keifu_con .bt { font-size: 16px; height: 30px; line-height: 30px; text-align: left; padding: 0 0 0 20px; color: #012646; }
.keifu_bot { width: 131px; height: 10px; background: url(/images/keifu.png); background-position: 0 -153px; }
.keifu .tion { padding-top: 5px; padding-bottom: 5px; }
.keifu .h145 { height: 145px; }
/*左下角 浮动 在线留言*/ 
#SfMessWrap { border: 2px solid #029bdb; padding: 1px; width: 230px; background: #f5f5f5; z-index: 100; position: fixed; left: 2px; bottom: 2px; }
#SfMessHead { background: #029bdb; line-height: 28px; height: 28px; text-indent: 10px; font-size: 12px; color: #fff; text-align: left; cursor: pointer; }
#SfMessHead #SfMessTitle { float: left; }
#SfMessHeadIcon { float: right; width: 23px; height: 25px; margin-right: 2px; background-image: url(/images/icon.png); }
.SfMessIconOpen { background-position: top; }
.SfMessIconClose { background-position: bottom; }
#SfMessBody { width: 230px; height: 225px; padding-bottom: 5px; }
#SfMessBodyTop { display: none; }
#SfMessBodyMid { width: 212px; padding: 0px; margin: 0px auto; margin-top: 5px; }
#SfMessBodyMid input { border: 1px solid #cccccc; background: #ffffff; color: #b89d9d; width: 190px; height: 17px; font-size: 12px; }
#SfMessBodyMid textarea { width: 210px; height: 73px; border: 1px solid #cccccc; background: #ffffff; color: #b89d9d; overflow: hidden; text-align: left; font-size: 12px; padding: 0px; margin: 0px auto; }
#SfMessBodyMid div { margin-top: 3px; height: 20px; }
#SfMessBodyMid .contactmessage { height: 76px; }
#SfMessBodyMid .contactname { padding-left: 20px; background: url(/images/company.gif) no-repeat; }
#SfMessBodyMid .contacttel { padding-left: 20px; background: url(/images/mobile.gif) no-repeat; }
#SfMessBodyMid .contactfrom { padding-left: 20px; background: url(/images/from.gif) no-repeat; }
#SfMessBodyMid .contactemail { padding-left: 20px; background: url(/images/email.gif) no-repeat; }
#SfMessBodyMid .contactvalicode { padding-left: 20px; background: url(/images/other.gif) no-repeat; }
#SfMessBodyMid .contactvalicode input { width: 100px; height: 17px; float: left; }
#SfMessBodyMid .contactvalicode img { height: 19px; border: 1px solid #cccccc; background: #ffffff; color: #b89d9d; float: right; }
.clearboth { clear: both; }
#SfMessBodyMid .must, #SfMessBodyMid .ignore, #SfMessBodyMid .other { padding-left: 20px; background: url(/images/other.gif) no-repeat; }
#SfMessBodyBottom { width: 220px; height: 22px; line-height: 22px; padding: 0px; margin-top: 10px; }
#SfMessSubmit { width: 40px; background: url(/images/send.gif); color: #fff; border: 0; height: 22px; padding: 0px; float: right; }
#SfMessCopy { float: left; height: 22px; line-height: 22px; margin-left: 10px; font-size: 13px; font-weight: bold; color: #666666; padding-left: 25px; background: url(/images/sign.png) left top no-repeat; }
.SfMessTip { display: none; }
#SfMessBodyFoot { display: none; }
/*nybanner*/
.bannerv { width: 100%; overflow: hidden; height: auto; margin: 0px auto; }
.bannerv .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.bannerv .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.bannerv .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.bannerv .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.bannerv .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.bannerv .owl-carousel .owl-item { float: left; }
.bannerv .owl-controls .owl-page, .bannerv .owl-controls .owl-buttons div { cursor: pointer; }
.bannerv .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* fix */
.bannerv .owl-carousel .owl-wrapper, .bannerv .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.bannerv #owl-demo { position: relative; width: 100%; margin-left: auto; margin-right: auto; }
.bannerv #owl-demo .item { position: relative; display: block; }
.bannerv #owl-demo img { display: block; width: 100%; }
.bannerv #owl-demo b { position: absolute; left: 0; bottom: 0; width: 100%; height: 78px; background-color: #000; opacity: .5; filter: alpha(opacity=50); }
.bannerv #owl-demo span { position: absolute; left: 0; bottom: 37px; width: 100%; font: 18px/32px "微软雅黑", "黑体"; color: #fff; text-align: center; }
.bannerv .owl-pagination { position: absolute; left: 0; bottom: 25px; width: 100%; height: 22px; text-align: center; }
.bannerv .owl-page { display: inline-block; width: 20px; height: 20px; margin: 0 5px; background: #FFF; *display: inline;
*zoom: 1;
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.bannerv .owl-pagination .active { background: #2770bd; }
.bannerv .owl-buttons { display: none; }
.bannerv .owl-buttons div { position: absolute; top: 50%; width: 24px; height: 48px; margin-top: -40px; text-indent: -9999px; }
@media screen and (max-width: 579px) {
.bannerv .owl-pagination { bottom: 0px; height: 15px; }
}
/*---------QVerify 弹出滑动css---------*/
#QVerify { position: fixed; justify-content: center; -ms-align-items: center; align-items: center; top: 0; left: 0; width: 100%; height: 100%; z-index: 99998; background: rgba(0,0,0,0.6); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.QVerify { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 370px; max-width: 90%; height: 430px; max-height: 80%; border-radius: 17px; padding: 20px 10px; background: white; touch-action: none; overflow: hidden; }
.QVerify .QVerify-title { width: 100%; height: auto; }
.QVerify .QVerify-title .QVerify-title-name { width: 100%; height: 30px; line-height: 30px; text-align: center; color: #a4b0be; }
.QVerify .QVerify-title .QVerify-title-desc { width: 100%; height: auto; line-height: 25px; text-align: center; font-size: 18px; font-weight: bolder; }
.QVerify .QVerify-result { width: 100%; height: auto; line-height: 40px; color: #00a344; text-align: center; font-size: 22px; margin: 5px auto; }
.QVerify .QVerify-verify { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; -ms-align-items: center; align-items: center; margin: 20px auto; }
.QVerify .QVerify-verify .QVerify-verify-img { position: relative; width: 200px; height: 200px; border-radius: 50%; border: 1px solid rgba(0,163,68,0.3); overflow: hidden; }
.QVerify .QVerify-verify .QVerify-verify-img > img { width: 100%; height: 100%; -webkit-transform: rotate(65deg); -moz-transform: rotate(65deg); -ms-transform: rotate(65deg); -o-transform: rotate(65deg); transform: rotate(65deg); }
.QVerify .QVerify-verify .QVerify-verify-img .QVerify-success { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); text-align: center; }
.QVerify .QVerify-verify .QVerify-verify-img .QVerify-success img { height: 40%; margin: 30% auto; }
.QVerify .QVerify-verify .QVerify-verify-silder { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; width: 100%; height: 60px; margin-top: 30px; background: white; }
.QVerify .QVerify-verify .QVerify-verify-silder .QVerify-silder { position: relative; width: 90%; height: 50px; background: #f3f9f1; border: 1px solid rgba(0,163,68,0.3); border-radius: 25px; }
.QVerify .QVerify-verify .QVerify-verify-silder .QVerify-silder .QVerify-silder-btn { position: absolute; left: 0; width: 42px; height: 42px; margin: 4px; border-radius: 50%; cursor: pointer; background: url("data:image/png;base64,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"); background-size: 100%; background-repeat: no-repeat; background-position: center; }
 @media all and (max-width:500px) {
.QVerify { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 370px; max-width: 80%; height: 390px; max-height: 80%; border-radius: 17px; padding: 10px; background: white; touch-action: none; overflow: hidden; }
.QVerify .QVerify-title { width: 100%; height: auto; }
.QVerify .QVerify-title .QVerify-title-name { width: 100%; height: 30px; line-height: 30px; text-align: center; color: #a4b0be; }
.QVerify .QVerify-title .QVerify-title-desc { width: 100%; height: auto; line-height: 25px; text-align: center; font-size: 18px; font-weight: bolder; }
.QVerify .QVerify-result { width: 100%; height: auto; min-height: 40px; line-height: 30px; color: #00a344; text-align: center; font-size: 20px; margin: 5px auto; line-height: 22px; font-weight: bolder; }
.QVerify .QVerify-verify { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; -ms-align-items: center; align-items: center; margin: 20px auto 10px; }
.QVerify .QVerify-verify .QVerify-verify-img { position: relative; width: 150px; height: 150px; border-radius: 50%; border: 1px solid rgba(0,163,68,0.3); overflow: hidden; }
.QVerify .QVerify-verify .QVerify-verify-img > img { width: 100%; height: 100%; -webkit-transform: rotate(65deg); -moz-transform: rotate(65deg); -ms-transform: rotate(65deg); -o-transform: rotate(65deg); transform: rotate(65deg); }
.QVerify .QVerify-verify .QVerify-verify-img .QVerify-success { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); text-align: center; }
.QVerify .QVerify-verify .QVerify-verify-img .QVerify-success img { height: 40%; margin: 30% auto; }
.QVerify .QVerify-verify .QVerify-verify-silder { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; width: 100%; height: 60px; margin-top: 20px; background: white; }
.QVerify .QVerify-verify .QVerify-verify-silder .QVerify-silder { position: relative; width: 90%; height: 50px; background: #f3f9f1; border: 1px solid rgba(0,163,68,0.3); border-radius: 25px; }
.QVerify .QVerify-verify .QVerify-verify-silder .QVerify-silder .QVerify-silder-btn { position: absolute; left: 0; width: 42px; height: 42px; margin: 4px; border-radius: 50%; cursor: pointer; background: url("data:image/png;base64,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"); background-size: 100%; background-repeat: no-repeat; background-position: center; }
} 
/*---------QVerify 弹出滑动css---------*/